﻿import styles from "./Sidebar.module.css";
import Logo from "./Logo.jsx";
import AppNav from "./AppNav.jsx";
import {Outlet} from "react-router-dom";

function Sidebar(){
    return (
        <div className={styles.sidebar}>
            <Logo />
            <AppNav />

            <Outlet />
            {/*<p>*/}
            {/*    List of cities*/}
            {/*</p>*/}
            <footer className={styles.footer}>
                <p className={styles.copyright}>
                    &copy; Copyright {new Date().getFullYear()} by WorldWise Inc.
                </p>
            </footer>
        </div>
    );
}

export default Sidebar;